 //覆盖一些element-ui样式
.block-checkbox {
    display: block;
}
.phoneGroup{
    .el-checkbox{
        margin-left:0 !important;
        width:100%;
    }
}
.loginForm{
    .el-input__inner{
      padding-left:30px !important;
      height:36px !important;
    }
}


//修改主题色
.el-menu-item.is-active{
  color:@primaryColor !important;
}

.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 3px solid @primaryColor !important;
}

.tabs-bar-container .tabs-content .el-tabs__header .el-tabs__item.is-active {
 border: 1px solid  @primaryColor;
}

.el-button--primary{
  background-color: @primaryColor !important;
  border-color: @primaryColor !important;
}
.el-button--primary.is-plain{
  background-color: transparent !important;
  border-color: @primaryColor !important;
  color:@primaryColor !important;
}

.el-button--primary:focus:not(.themeBtn):not(.el-button--text), .el-button--primary:hover:not(.themeBtn):not(.el-button--text){
  background-color: @primaryColor !important;
  border-color: @primaryColor !important;
  color:#fff !important;
  transition: transform 0.15s;
  transform:scale(1.01) translateY(0.02em);
}

.el-button--primary.el-button--text{
  border-color: transparent !important;
}
.el-button--text.is-plain:focus,
.el-button--text.is-plain:hover{
  background-color: transparent !important;
  border-color: transparent !important;
}
.el-dropdown-menu__item{
  color:@primaryColor !important;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
  background-color: @lighterColor !important;
}

.el-button--text{
  color:@primaryColor !important;
  // border-color: #fff !important;
}

.el-table .ascending .sort-caret.ascending{
  border-bottom-color:@primaryColor !important;
}

// .el-pager li.active,.el-pager li:hover{
//    color:@primaryColor !important;
// }

.el-input__inner:focus,.el-select .el-input.is-focus .el-input__inner,.el-textarea__inner:focus,
.el-range-editor.is-active, .el-range-editor.is-active:hover{
   border-color: @primaryColor !important;
}

.el-select-dropdown__item.selected{
   color:@primaryColor !important;
}

.el-date-table td.current:not(.disabled) span{
  background-color: @primaryColor !important;
}

.el-date-table td.available:hover{
  color:@primaryColor !important;
}
.el-date-table td.end-date span, .el-date-table td.start-date span{
  background-color: @primaryColor !important;
  color: #fff !important;
}
.el-date-table td.today span{
  color:@primaryColor !important;
}
.el-date-table td.current:not(.disabled) span{
  color: #fff !important;
}
.el-radio__input.is-checked .el-radio__inner{
    border-color: @primaryColor !important;
    background: @primaryColor !important;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path{
  color:@primaryColor !important;
}
.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner{
  border-color: @primaryColor !important;
}
.el-radio__inner:hover{
    border-color: @primaryColor !important;
}

.el-radio__input.is-checked+.el-radio__label{
   color:@primaryColor !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner{
    border-color: @primaryColor !important;
    background: @primaryColor !important;
}

.el-checkbox__inner:hover{
    border-color: @primaryColor !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label{
   color:@primaryColor !important;
}

.el-checkbox__input.is-focus .el-checkbox__inner{
   border-color: @primaryColor !important;
}

.el-tabs__header .el-tabs__item.is-active{
   color:@primaryColor !important;
}

.el-tabs__header .el-tabs__item:not(.is-disabled):hover{
   color:@primaryColor !important;
}
.el-message-box__headerbtn:hover .el-message-box__close{
   color:@primaryColor !important;
}

.span2A{
  color:@primaryColor !important;
}

.in_concent_left_1 .choose_itch,.in_concent_left_2 .choose_itch{
  color:@primaryColor !important;
   background: @lighterColor !important;
   border-right: 4px solid @primaryColor!important;
}



.el-radio-button__orig-radio:checked+.el-radio-button__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{
   background: @primaryColor !important;
   border-color: @primaryColor !important;
   box-shadow: -1px 0 0 0 @primaryColor !important;
   color:#fff;
}

.el-radio-button__inner:hover{
  background: @primaryColor !important;
  border-color: @primaryColor !important;
  box-shadow: -1px 0 0 0 @primaryColor !important;
  color:#fff;
}
.el-pagination.is-background .el-pager li{
  box-sizing: border-box;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  //  background: @primaryColor !important;
  //  color: #fff;
  background-color: white !important;
  border: solid 1px @primaryColor;
  color: @primaryColor !important;
}

.el-pager li:hover{
  color: @primaryColor !important;
}
.el-pager li,
.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev{
  min-width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
}
.el-pagination--small span:not([class*=suffix]){
  line-height: 30px;
}
.el-pagination__sizes .el-input .el-input__inner:hover{
  border-color: @primaryColor !important;
}


//表格样式更改
.el-table thead .cell{
  line-height: 28px !important;
}
.el-table--mini .el-table__cell:not(th){
  // padding: 20px 0 !important;
}

.el-table th.el-table__cell.is-sortable{
  // padding: 15px 0 !important;
}
.el-table--mini .el-table__cell {
  padding: 3px 0  !important;
}
// 去掉边框
.el-table--border{
  border: none !important;
  border-radius: 3px 3px 0 0;
}
.el-table--border .el-table__cell{
  border-right: none !important;
}
.el-table--border::after{
  width: 0px !important;
}
.el-table__fixed-right::before, .el-table__fixed::before{
  height: 0px !important;
}
// striped去掉灰色
/deep/.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
  background-color: #fff !important;
}
.el-table{
  // ::-webkit-scrollbar {
  //   width: 7px;
  //   height: 5px;
  //   border-radius: 15px;
  //   -webkit-border-radius: 15px;
  // }
  // ::-webkit-scrollbar-track-piece {
  //   background-color: #ffff;
  //   border-radius: 15px;
  //   -webkit-border-radius: 15px;
  // }
  // ::-webkit-scrollbar-thumb:vertical {
  //   height: 5px;
  //   background-color: rgba(144, 147, 153, 0.5);
  //   border-radius: 15px;
  //   -webkit-border-radius: 15px;
  // }
  // ::-webkit-scrollbar-thumb:horizontal {
  //   width: 7px;
  //   background-color: rgba(144, 147, 153, 0.5);
  //   border-radius: 15px;
  //   -webkit-border-radius: 15px;
  // }
  ::-webkit-scrollbar {
    width: 17px;
    height: 17px;
    z-index: 111;
  }
  ::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
  }
  ::-webkit-scrollbar-thumb {
    background: #cfcfcf;
    border-radius: 0px;
  } 
  ::-webkit-scrollbar-corner{
    background: rgb(239, 239, 239);
  }
  // .el-table__body-wrapper, .el-scrollbar__wrap {
  //   &::-webkit-scrollbar {
  //     width: 8px;
  //     height: 8px;
  //   } 
  // }
  .el-table__body-wrapper{
    height: 100%;
  }
  .el-table__fixed-right {
    // right: 12px !important; // 竖向滚动条宽度
    height: 100%;
  }
  .el-table__fixed-right-patch{
    background: rgb(239, 239, 239);
  }
}
// .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
//   border-right: none !important;
// }

// .el-button--mini, .el-button--mini.is-round{
//   padding: 9px 15px !important;
// }

// .el-table .caret-wrapper{
//   height:23px !important;
// }

// 设置左侧菜单栏 start
// .el-menu {
//     border: none;
//     height: 100%;
//     .dropItem{
//       padding: 0 6px !important;
//       .svg-icon{
//         margin-right: 5px;
//       }
//     }
//     .el-tooltip,
//     .el-submenu__title{
//        padding: 0 6px !important;
//     }

// }
.el-submenu{
  .svg-icon{
    margin-right: 5px;
  }
}
// 设置左侧菜单栏 end

.condition-container{
    .datetime {
        .el-input__inner{
            width:180px;
        }
    }
    .el-input__inner{
        width:141px;
    }
}
.irate{
    .el-icon-star-on{
      color:#67c23a !important;
    }
} 
.operation-container {
  .cell {
    padding: 10px !important;
  }
  .el-button {
    &:nth-child(3) {
      margin-top: 10px;
      margin-left: 0px;
    }
    &:nth-child(4) {
      margin-top: 10px;
    }
  }
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 8px;
  }
}

.small-padding {
  .cell {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;
    .el-tag {
      margin-right: 0px;
    }
  }
}

//暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}


//textarea修改样式
.article-textarea {
  textarea {
    padding-right: 40px;
    resize: none;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #bfcbd9;
  }
}

//element ui upload
.upload-container {
  .el-upload {
    width: 100%;
    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

.top-menu{
  .el-badge__content{
    top: 12px !important;
  }
}
.li-badge{
    .one{
        .el-badge__content{
            background-color: #a9d86e;
        }
    }
    .three{
       .el-badge__content{
            background-color: #FCB322;
        }
    }
}

// 搜索区域
.search-form{
  width:100%;
  min-width:750px;
  .el-form-item{
      margin-bottom: 10px;
       .el-date-editor{
          width:166px;
          .el-input__inner{
              padding-right: 0;
          }
      }
  }
}
.fillcontain{
  .el-input__inner{
    height:30px !important;
    line-height: 30px !important;
  }
}
.el-table th{
    background-color: #f8f8f9 !important;
    color: #515a6e;
}

// .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
//   color:rgb(253, 181, 33) !important;
// }
// .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{
//   color:rgb(253, 181, 33) !important;
// }
.el-tabs .el-tabs__nav .el-tabs__active-bar{
  background-color: @primaryColor !important;
}
// .el-tabs .el-tabs__nav  .el-tabs__item.is-active{
//   color:rgb(253, 181, 33) !important;
// }
// .el-tabs .el-tabs__nav .el-tabs__item:not(.is-disabled):hover{
//   color:rgb(253, 181, 33) !important;
// }



.leftShareList{
  width:200px;
}
.shareOther a{
  color:#000000;
}
.moreShareList{
  padding: 0;
  ul{
    width:100%;
    a{
      color:#000000;
      padding: 5px 10px;
      box-sizing: border-box;
    }
    a:hover{
      background: #e8e8e8;
    }
    li{
      display: flex;
      flex-direction: row;
      align-items: center;
      .svg-icon{
        margin-right: 10px;
      }
      span{
        line-height: 0;
      }
    }
  }
}

.qcodepopper{
  .wechat-area{
      align-items: center;
      .titles{
        font-size: 14px;
        background: #a9d86e;
        color:#fff;
        height: 30px;
        line-height: 30px;
        width:100px;
        text-align: center;
        border-radius: 20px;
      }
      img{
        width:100px;
        height:100px;
      }
  }
}
.yanshare{
  .shareUl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    li{
      display: flex;
      flex:1;
      justify-content: center;
      cursor: pointer;
    }
  }
}
.yanSharewx{
  padding: 10px 0;
  width:100px !important;
  .qrcodeArea{
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100px;
    margin: 0 auto;
    .saoTitle{
      font-size: 14px;
      color:#a9d86e;
      margin-bottom: 5px;
    }
  }
}



.salesPrice{
  span{
    font-weight: bold;
  }
}
.salesStatus{
  span{
     font-size: 12px;
     padding: 5px 10px;
     color:#fff;
     border-radius: 5px;
  }
}
.salesUsername{
   .cell{
     display: flex;
     align-items: center;
      .userImg{
        width: 40px;
        border-radius: 50%;
        margin-right: 10px;
      }
   }
}
.salesTable{
  .el-table{
    height:407px;
    max-height: 407px;
    overflow:hidden;
    border-radius: 6px;
  }
  th{
    background: #fff !important;
  }
}
.cardBody{
   .el-card__body{
     display: flex;
     flex-direction: column;
   }
}
.logContainer{
  .box-card{
    height: 100%;
    .el-card__body{
      padding: 10px 20px;
      height: 80%;
    }
    .item{
      border-bottom: 1px solid #e8e8e8;
      padding: 10px 0;
    }
  }
}
.tabContainer{
  .el-tabs--border-card{
    box-shadow:none;
  }
  .svg-icon{
    margin-right: 5px;
  }
}
.infoItem .el-menu,
.langItem .el-menu{
  min-width:120px !important;
  text-align: left;
  .el-menu-item{
    min-width:100%;
  }  
}

.userinfo{
  .el-icon-arrow-down{
    display: none;
 }
}
.table_container{
  .el-table__body-wrapper{
    overflow: hidden;
  }
}
.operation-drop.el-dropdown-menu{
  width: 100px;
  text-align: center;
  line-height: 20px;
}

/**--------------------------------------**/
.el-tree-node__content{
  height: 36px !important;
  line-height: 36px;
}
  .special {
    .el-form-item__label {
      font-weight: bold;
      color: #333;
    }
  }